<template>
	<view class="box">
		<view class="top">

			<view class="top1">
				<view class="zi">创意</view>
				<view class="tu">
					<image src="https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=1499768085,3014959594&fm=199&app=68&f=JPEG?w=375&h=375&s=B3B04B2266F97790CDA030C40100A0E0" mode="aspectFit"></image>
				</view>
			</view>
			<view class="top1">
				<view class="zi">风格</view>
				<view class="tu">
					<image src="https://cbu01.alicdn.com/img/ibank/O1CN01QdoTQ11dQOB4JiGUu_!!2214319433730-0-cib.jpg" mode="aspectFit"></image>
				</view>
			</view>
		</view>
		<!-- 下盒 -->
		<view class="bot">
			<view class="bot1">
				<image src="https://cbu01.alicdn.com/img/ibank/2020/868/769/22466967868_109136280.220x220.jpg" mode=""></image>
			</view>
			<view class="bot1">
<image src="https://cbu01.alicdn.com/img/ibank/2017/960/511/4504115069_1695813382.220x220.jpg" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style>
	image{
		width: 100%;
		height: 100%;
	}
	.box {
		width: 100%;
		display: felx;
		height: 100%;
		flex-direction: column;
		justify-content: space-around;
		background-color: #eeebe4;
	}
.top1:nth-child(2) {
  background-color: #fff;
}
	.top {
		width: 100%;
		height: 70%;
		/* border: 1px solid red; */
		display: flex;
		flex-direction: column;
		justify-content: space-around;
	}

	.top1 {
		display: flex;
		height: 250rpx;
		/* border: 1px solid green; */
		margin: 20px 15px;
		border-radius: 15px 0 0 15px;
		box-shadow: 1px 1px 2px 2px #ccc,
			3px 3px #ccc,
			-1px 1px #777;
		justify-content: space-around;
		background-color: #d5d5d5;
			

	}
.top .zi{
	flex: 2;
	margin-left: 25px;
	margin-top: 120rpx;
	font-size: 1.3em;
	
}
	.top1 .tu{
		/* background-color: aqua; */
		height: 250rpx;
		/* width: 60%; */
		/* border: 1px solid yellow; */
		flex: 4;
	}

	.bot {
		width: 100%;
		height: 30%;
		display: flex;
		/* border: 1px solid pink; */
		justify-content: space-between;

	}

	.bot1 {
		height: 350rpx;
		width: 40%;
		/* border: 1px solid #369; */
		margin: 20px 20px;
		border-radius: 2px;

	}
</style>